/**Index Page **/

.sketch{
	width:100%;
}

.main-wrapper{	
	width:100%;
	height:100%;
}

.site-logo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:9999;
}

.img-logo{
	position:absolute;
	top:-27px;
	left:45px;
	/*width:140px;*/
	width: 400px;
	height:100px;
	display:none;
}

.inner-content{
	position:absolute;
	width:90%;
	height:100%;
	margin:68px 68px 0px 68px;
	background:#000000;
	z-index:100;	
}

.contact-us{
	position:absolute;
	top:50%;
	left:-25px;
	padding:20px;
	background:#09F;
	-webkit-transform: rotate(-90deg);
  	-moz-transform: rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	-o-transform: rotate(-90deg);
  	transform: rotate(-90deg);
}

.reach{
	color:#FFFFFF;
	font-size:12px;
	font-weight:600;
}

.contact-body{
	position:absolute;
	top:68px;
	width:100%;
	height:100%;
	display:none;
	cursor:default;
	background-color:rgba(0,0,0,0.92);
	z-index:101;
}

.centerform{
	position:fixed;
	width:750px;
	height:auto;
	top:50%;
	left:50%;
	margin-top:-240px;
	margin-left:-375px;
}

.contact-close{
	position:absolute;
	background:url(../image/close.png);
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	cursor:pointer;
	top:68px;
	right:120px;
}

.contact-title{
	font-size:25px;
	color:#FFFFFF;
	font-weight:700;
	margin-bottom:15px;
}

.centerform p{
	font-size:18px;
	color:#FFFFFF;
	margin-bottom:30px;
}

.centerform strong{
	color:#F60;
}

.contact-container{
	margin-bottom:20px;
}

.contact-container input{
	width:100%;
	background:none;
	outline:none;
	border:none;
	font-size:18px;
	color:#909090;	
	border-bottom:1px solid #FFFFFF
}

#mouse-icon{
    width: 19px;
    height: 30px;
    position: absolute;
    bottom: 100px;
    right: 25px;
    z-index: 9999;
    cursor: pointer;
}

#site-menu{
	width:50px;
	height:50px;
	position:absolute;
	margin:auto 0;
	bottom:0;
	top:0;
	right:8px;
	cursor:pointer;
	z-index:120;
}

.close-holder{
	width:18px;
	height:18px;
	opacity:0;
}

.menu-holder, .close-holder{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.menu-holder{
	width:22px;
	height:13px;
}

.menu-strip{
	width:21px;
	height:3px;
	background:#FFFFFF;
	margin-bottom: 2px;
}

#menu-list-holder{
	position:absolute;
	margin:auto 0;
	top:0;
	bottom:0;
	right:85px;
	height:200px;
	width:200px;
	z-index:9999;
}

.list-menu{
	color:#FFFFFF;
	width:250px;
	height:50px;
	margin-bottom:2px;
	cursor:pointer;
	display:none;
	opacity:0;
	font-size:30px;
}



.footer{
	text-align:center;
	margin:0 auto;
	color:#FFFFFF;
	position:fixed;
	width:100%;
	bottom:0px;
	z-index:110;
	margin-bottom:5px;
}

#footer-contact{
	margin-bottom:10px;
	
}

#Des_what_we_do, #Des_about, #Des_under_the_belt{
	width:100%;
	top:30%;
	padding-left:50px;
	color:#FFFFFF;
	padding:8%;
	text-align:left;
}

#left_panel_About{
	top:30%;
}

#right_panel_About{
	top:30%;
}

.fullpage-wrapper{
	position:relative;	
	margin:0px 58px;	
	top:58px;
	touch-action:auto;	
}

.contact-sub{
	width:100%;
	top:30%;
	padding-left:50px;
	color:#FFFFFF;
	padding:8%;
	text-align:left;
}

.contact-detail{
	width:100%;
	top:30%;
	padding-left:50px;
	color:#FFFFFF;
	padding:8%;
	text-align:left;
}

#Des_get_in_touch{
	position:relative;
	top:15%;
	width:100%;
	height:20%;
	padding-top:8%;
	padding-left:50px;
	text-align:left;
	font-size:32px;
	color:#FFFFFF;
	display:block;
}

#page_number{
	left:80px;
}

.radial-menu {
  top:15px;
  right:15px;
  position:fixed;
 display:block;
  width:50px;
  height:50px;
  background-color:transparent;
  border-radius:50%;
  z-index:20;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.menu-item1 {
  width:40px;
  height:40px;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
    top:10%;
  left:10%;
  z-index:19;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    position:absolute;
}

.menu-item2 {
  width:40px;
  height:40px;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
    top:10%;
  left:10%;
  z-index:19;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .2s;
}

.menu-item3 {
  width:40px;
  height:40px;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
    top:10%;
  left:10%;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .4s;  
}

  .menu-item4 {
  width:40px;
  height:40px;
  background-color:dimGray;
  border-radius:50%;
  position:absolute;
  color:white;
  text-align:center;
  line-height:70px;
  top:10%;
  left:10%;
  transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550) .6s;  
}

.mask {
  top:15px;
  right:15px;
  width:50px;
  height:50px;
  background:#ED1B51;
  border-radius:50%;
  position:absolute;
  z-index:21;
  color:white;
  text-align:center;
  line-height:120px;
  cursor:pointer;
  position:fixed;
}

.fa-heart{
	position:fixed;
	top:27px;
	right:26px;
	color:#FFFFFF;
}

.fa-facebook{
	position:absolute;
	top:8px;
	right:12px;
	color:#ED1B51;
}

.fa-twitter{
	position:absolute;
	top:8px;
	right:6px;
	color:#ED1B51;
}

.fa-google-plus{
	position:absolute;
	top:8px;
	right:5px;
	color:#ED1B51;
}

.fa-instagram{
	position:absolute;
	top:6px;
	right:7px;
	color:#ED1B51;
}

#logo-text{
	position:absolute;
	font-family:logo;
	top:15px;
	left:60px;
	/*width:320px;*/
	height:50px;
	font-size:30px;
	background:transparent;
	z-index:9999;
	cursor:pointer;
}

.menu_meet_hello_color{
	color:#ED1B51;
}